@inherits System.Web.Mvc.WebViewPage
<div ng-controller="Umbraco.canvasdesigner.radius">

    <div class="box-slider">
        <ul class="box-preview">

            <li ng-repeat="radius in radiusList" ng-class="{selected: selectedradius.name == radius}" ng-click="setSelectedradius(radius)">
                <span ng-show="radius == 'topleft' || radius == 'all'" class="radius-top-left"></span>
                <span ng-show="radius == 'topright' || radius == 'all'" class="radius-top-right"></span>
                <span ng-show="radius == 'bottomleft' || radius == 'all'" class="radius-bottom-left"></span>
                <span ng-show="radius == 'bottomright' || radius == 'all'" class="radius-bottom-right"></span>
            </li>

        </ul>
    </div>

    <div class="box-slider">
        <div ui-slider min="0" max="40" step="1" ng-model="selectedradius.value"></div>
    </div>

</div>
